import Link from 'next/link';
import { Button } from "@/components/ui/button";
import {Navigation} from "@/components/Navigation";

export default function SharedDataLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const navItems = [
    { name: 'First Page', path: '/shared-data-demo' },
    { name: 'Second Page', path: '/shared-data-demo/second-page' },
  ];


  return (
    <div className="min-h-screen bg-gray-50 dark:bg-gray-900">
      <header className="bg-white dark:bg-gray-800 shadow">
        <Navigation
            title="共享数据示例"
            navItems={navItems}
        />
      </header>
      <main className="container mx-auto px-4 py-8">
        {children}
      </main>
    </div>
  );
}
